@layer components {
  #TableOfContents {
    .toc a {
      @apply block max-w-full truncate py-1 pl-2 hover:font-medium hover:no-underline;
      &[aria-current="true"],
      &:hover {
        @apply border-l-2 border-l-gray-light bg-gradient-to-r from-gray-light-100 font-medium text-black dark:border-l-gray-dark dark:from-gray-dark-200 dark:text-white;
      }
      &:not([aria-current="true"]) {
        @apply text-gray-light-600 hover:text-black dark:text-gray-dark-700 dark:hover:text-white;
      }
    }
  }
}
